<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>团队影像</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="nav-container">
            <a href="index.html" class="logo">教育智能体</a>
            <ul class="nav-links">
                <li><a href="index.html">项目介绍</a></li>
                <li><a href="team01.html">谢金</a></li>
                <li><a href="team02.html">杨盼</a></li>
                <li><a href="team03.html">梁晶</a></li>
                <li><a href="gallery.html" class="active">团队影像</a></li>
            </ul>
        </div>
    </nav>

    <!-- 团队影像内容 -->
    <section class="container">
        <div class="content-block">
            <h2 class="section-title">团队影像</h2>
            <p class="gallery-intro">欢迎观看我们的团队影像，这里记录了我们团队的点点滴滴，包括项目进展、团队活动以及成员风采。</p>
        </div>

        <!-- 视频播放区 -->
        <div class="content-block">
            <h3 class="section-title">团队纪录片</h3>
            <div class="video-container">
                <video controls>
                    <source src="images\80f9c13abbf9936e0deb52f0845df7a9.mp4" type="video/mp4">
                    您的浏览器不支持视频播放。
                </video>
            </div>
        </div>

        <!-- 照片墙 -->
        <div class="content-block">
            <h3 class="section-title">团队活动照片墙</h3>
            <div class="photo-wall">
                <div class="photo-item">
                    <img src="images\a4a9bf411dc2ac03e7068483ab20ae3.jpg" alt="团队活动1">
                    <div class="photo-caption">项目研讨会</div>
                </div>
                <div class="photo-item">
                    <img src="images\08672a3e366bb3acfb357fe66c65036.jpg" alt="团队活动2">
                    <div class="photo-caption">团队建设</div>
                </div>
                <div class="photo-item">
                    <img src="images\213893787b6692fc8de4ab4caa992f1.jpg" alt="团队活动3">
                    <div class="photo-caption">团队合影</div>
                </div>
            </div>
        </div>
    </section>

    <script src="script.js"></script>
</body>

</html>